<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html lang="en">
<head>
    <link rel="stylesheet" href="bar\bar.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="nivo-sliderr.css" type="text/css" media="screen" />
	<script type="text/javascript" src="https://animatedcollaspe.googlecode.com/svn/trunk/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="nivo_slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
	<style>
	#wrapper {
		width: 502px;
		height: 250px;
	}
	</style>
</head>
<body>
    <div id="wrapper">
        <div class="slider-wrapper theme-bar">
			<div id="slider" class="nivoSlider">
				<img src="1.png" data-thumb="1.png" width="500" height="200" alt="" title = "#link_1"/>
				<img src="2.png" data-thumb="2.png" width="500" height="200" alt="" title = "#link_2"/>
				<img src="3.png" data-thumb="3.png" width="500" height="200" alt="" title = "#link_3"/>
			</div>
			<div id="link_1" class="nivo-html-caption">
				<p align = "right">
					عرض تجريبي للجنه الطوارئ والكوارث <a href="#">للمزيد</a>.
				</p>
			</div>
			<div id="link_2" class="nivo-html-caption">
				<p align = "right">
					لجنه الطوارئ والكوارث بوكاله الجامعه للمشاريع <a href="#">للمزيد</a>. 
				</p>
			</div>
			<div id="link_3" class="nivo-html-caption">
				<p align = "right">
					استجابه الطوارئ <a href="#">للمزيد</a>. 
				</p>
			</div>
		</div>
    </div>
   
</body>
</html>